﻿
[data-effect="radio"] {
	vertical-align: middle !important;
	box-sizing: content-box !important;
	outline: none !important;
	position: relative !important;
	vertical-align: middle !important;
}

[data-effect="radio-flag"] {
  width: 0px !important;
  padding: 0px 0px 0px 0px !important;
  margin: 0px 0px 0px 0px !important;
  height: 0px !important;
  position: relative !important;
  cursor: pointer !important;
}

[data-effect="radio"]+label+label
{
	width: auto;
	height: auto;
	cursor: pointer !important;
	margin-left: 3px !important;
	vertical-align: middle !important;
	text-align: left;
/*	display : inlineblock !important;*/
}


[data-effect="radio"]:checked,
[data-effect="radio"]:not(:checked)
{
  width: 14px !important;
  height: 1px !important;
  /*margin: 3px 6px 3px 3px !important;*/
  padding: 0px 0px 0px 0px !important;
  
  opacity: 0 !important;
  position: relative !important;
  clip: rect(0 0 0 0) !important;
  clip: rect(0,0,0,0) !important;
  -webkit-appearance:  none !important;
  -moz-appearance:	none !important;
	-o-appearance:		none !important;
	appearance:			none !important;
}

[data-effect="radio-flag"]:before
{
    content:'';
 	position: absolute !important;
	left: -17px !important;
	bottom: 0px !important;
	width: 11px !important;
	height: 11px !important; 
}

[data-effect="radio-flag"]:after {
	-webkit-transition:	-webkit-transform 0.2s ease-in-out;
	-moz-transition:	   -moz-transform 0.2s ease-in-out;
	-o-transition:			 -o-transform 0.2s ease-in-out;
	transition:					transform 0.2s ease-in-out;
}

[data-effect="radio-flag"]:after {
	content: '';
	position: absolute !important;
	left: -15px !important;
	bottom: 2px !important;
	width: 10px !important;
	height: 10px !important;
	-webkit-border-radius:	50% !important;
	-moz-border-radius:		50% !important;
	-o-border-radius:		50% !important;
	border-radius:			50% !important;
	-webkit-box-shadow:	inset 1px 2px rgba(255,255,255,.6), inset 0 -1px 1px 0 rgba(0,0,0,.5), 0 0 3px #000 !important;
	-moz-box-shadow:	inset 1px 2px rgba(255,255,255,.6), inset 0 -1px 1px 0 rgba(0,0,0,.5), 0 0 3px #000 !important;
	-o-box-shadow:		inset 0 1px 2px rgba(255,255,255,.6), inset 0 -1px 1px 0 rgba(0,0,0,.5), 0 0 3px #000 !important;
	box-shadow:			inset 0 1px 2px rgba(255,255,255,.6), inset 0 -1px 1px 0 rgba(0,0,0,.5), 0 0 3px #000 !important;
	-webkit-transform:	scale(0) ;
	-moz-transform:		scale(0) ;
	-o-transform:		scale(0) ;
	transform:			scale(0);
}

[data-effect="radio"]:checked+[data-effect="radio-flag"]:after {
	-webkit-transform:	scale(0.8)!important;
	-moz-transform:		scale(0.8)!important;
	-o-transform:		scale(0.8)!important;
	transform:			scale(0.8)!important;
}

[data-effect="radio"]:checked+[data-effect="radio-flag"]:hover:after {
	-webkit-transform:	scale(1.0)!important;
	-moz-transform:		scale(1.0)!important;
	-o-transform:		scale(1.0)!important;
	transform:			scale(1.0)!important;
}